// /**
//  * 轮播图
//  */
// import { LeftOutlined, RightOutlined } from '@ant-design/icons';
// import { useState } from 'react';
// import '../Banner/index.scss';

// export default () => {
//     /**
//      * 图片数组
//      */
//     const [Images, setImages] = useState([
//         require('../../../../assets/logo.0940ebb5.png'), require('../../../../assets/login-bg.png'), require('../../../../assets/logo.0940ebb5.png'), require('../../../../assets/login-bg.png')
//     ]);
//     /**
//      * 定时器
//      */
//     const [Time, setTime] = useState(null);
//     /**
//      * 轮播时间间隔
//      */
//     const [intervalTime, setIntervalTime] = useState(2000);
//     /**
//      * 控制动画轮流展示
//      */
//     const [isShow, setIsShow] = useState(false);
//     /**
//      * 是否开启淡入淡出动画
//      */
//     const [isFead, setisFead] = useState(true);

//     /**
//      *上一张  
//     */
//     const prev = () => {
//         setTime(null);
//         unshiftFun(Images);
//     }

//     /**
//      * 下一张
//      */
//     const next = () => {
//         setTime(null);
//         pushFun(Images);
//     }

//     /**
//      * 在数组前插入最后一张
//      */
//     const unshiftFun = (Images) => {
//         let str = Images[Images.length - 1];
//         Images.splice(Images.length - 1, 1);
//         Images.unshift(str);
//         animationFun();
//         setImages(Images);
//     }

//     /**
//      *  在数组末尾插入第一张
//      */
//     const pushFun = (Images) => {
//         let str = Images[0];
//         Images.splice(0, 1);
//         Images.push(str);
//         animationFun();
//         setImages(Images);
//     }

//     /**
//      * 悬停清除定时器
//      */
//     const onMouseOver = () => {
//         clearInterval(Time);
//         setTime(null);
//     }

//     /**
//      * 开始轮播
//      */
//     const startFun = () => {
//         if (Images.length > 0) {
//             setTime(setInterval(() => {
//                 let str = Images[0];
//                 Images.splice(0, 1);
//                 Images.push(str);
//                 animationFun();
//                 setImages(Images);
//             }, intervalTime));
//         }
//     }

//     /**
//      * 切换展示动画，保证效果
//     */
//     const animationFun = () => {
//         if (isFead && Images.length > 0) {
//             if (isShow) {
//                 document.getElementsByClassName("scroll_box_item_img")[0].className = 'scroll_box_item_img img_active';
//             } else {
//                 document.getElementsByClassName("scroll_box_item_img")[0].className = 'scroll_box_item_img img_actives';
//             }
//             setIsShow(!isShow);
//         }
//     }

//     return (
//         <div className='scroll' style={{ width: '1240px', height: '500px' }} onMouseOver={() => onMouseOver()} onMouseOut={() => startFun()}>

//             <div className='scroll_box'>
//                 {Images.map((item, index) => {
//                     return (
//                         <div className='scroll_box_item' key={index} >
//                             <img className='scroll_box_item_img' src={item} alt="图片加载失败" />
//                         </div>
//                     )
//                 })}
//             </div>
//             <div className='scroll_option'>
//                 <div className='scroll_option_left' onClick={() => prev()}> <LeftOutlined /> </div>
//                 <div className='scroll_option_right' onClick={() => next()}> <RightOutlined /> </div>
//             </div>
//         </div>
//     )
// }